import React, { Component } from 'react'
import Fun from './02-function'

class Navbar extends Component {
  render() {
    return (
      <div>Navbar</div>
    )
  }
}

function Swiper() {
  return <div>Swiper</div>
}

// const Tabbar = () => {
//   return <div>箭头函数写法的函数组件</div>
// }
const Tabbar = () => <div>箭头函数写法的函数组件</div>

export default class RootComponent extends Component {
  render() {
    return (
      <div>
        组件嵌套
        <Navbar></Navbar>
        <Swiper></Swiper>
        <Tabbar></Tabbar>
        <Fun></Fun>
      </div>
    )
  }
}
